<template>
  <div class="search">
    <headerTop title="订单列表"></headerTop>
    <form class="search_form" action="#">
      <input type="search" name="search" placeholder="请输入商家或美食名称">
      <input type="submit" name="submit" class="search_submit">
    </form>
  </div>
</template>
<script>
import HeaderTop from '../../components/HeaderTop'
export default {
  components: {
    HeaderTop
  }
}
</script>
<style lang="scss">
.search{
  width: 100%;
  .search_form{
    margin-top:45px;
    background-color:#fff;
    padding:12px 8px;
    input{
      height: 35px;
      padding:0 4px;
      border-radius:2px;
      font-weight: bold;
      background-color:#e4e4e4;
      border:none;
      width: 275px;
    }
    .search_submit{
        background-color:green;
        color:#fff;
        margin-left:10px;
        width: 70px;
      }
  }
}
</style>
